﻿<html>
<head>
	<style type="text/css">
		body
		{
			background: #f1f1f1;
			color: #414141;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 20px 0 0 0;
			padding: 0;
		}
		p
		{
			margin: 5px 0 5px 0;
		}
		h2
		{
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
		}
		h3
		{
			font-size: 14px;
			font-weight: bold;
			padding-left: 5px;
			color: #187294;
		}
		#main
		{
			margin: 0 auto;
			width: 750px;
		}
		.container
		{
			width: 710px;
			float: left;
			background: #ffffff;
			padding: 10px;
		}
		.header
		{
			float: left;
			width: 100%;
		}
		.logo
		{
			width: 110px;
			float: left;
		}
		.titles
		{
			width: 590px;
			float: right;
		}
		.head_title
		{
			font-size: 40px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #187294;
			text-align: right;
			margin-top: 15px;
		}
		.slogan
		{
			font-size: 12px;
			font-style: italic;
			text-align: right;
		}
		.clr
		{
			width: 100%;
			height: 20px;
			float: left;
		}
		.content1
		{
			background: #02BCD9;
			padding: 10px;
			float: left;
			width: auto;
		}
		.content2
		{
			padding: 0;
			float: left;
			width: 100%;
		}
		.content3
		{
			width: auto;
			float: left;
		}
		.table_content
		{
			font-size: 11px;
		}
		.table_content ul
		{
			margin: 0 0 0 10px;
			padding: 5px;
			float: left;
		}
		.table_content ul li
		{
			list-style-type: square;
		}
	</style>
</head>
<body>
	<div id="main">
		<div class="container">
			<!-- header-->
			<div class="header">
				<div class="logo">
					<a href="#">
						<img src="%WeeklyProgressReportLogoImageFileName%" border="0" /></a></div>
				<div class="titles">
					<div class="head_title">
						Beacon Academy of Nevada</div>
					<div class="slogan">
						An accredited public statewide virtual charter high school</div>
				</div>
			</div>
			<!-- header end-->
			<div class="clr">
			</div>
			<!-- content-->
			<div class="content1" style="background: #02BCD9; padding: 10px; float: left; width: auto;">
				<h2>
					To the Parent of Guardian of:</h2>
				<p>
					<strong>%%FirstName%% %%LastName%%<br>
						Grade Level: %%GradeLevel%%</strong>
				</p>
				<br />
				<p>
					Below are the current grade and progress markers for your student's course schedule
					with Beacon Academy of Nevada. If you have questions or concerns please contact your
					student's teacher(s) or our office at 1-888-844-8020 Ext. 0</p>
			</div>
			<div class="clr">
			</div>
			<div class="content2">
				<h3>
					Progress Report as of %%CurrentDate%%</h3>
				<table border="0" cellspacing="1" cellpadding="3" class="table_content" style="width: 100%;">
					<tr bgcolor="#EFA42D">
						<td align="left" bgcolor="#EFA42D">
							<strong>Course Name</strong>
						</td>
						<td align="left">
							<strong>Teacher</strong>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Teacher Phone (toll free dial 1-888-844-8020)</strong></div>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Teacher Email</strong></div>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Grade</strong></div>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Percentage</strong></div>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Total Minutes<br>
									Previous Week</strong></div>
						</td>
						<td bgcolor="#EFA42D">
							<div align="center">
								<strong>Last Login Date</strong></div>
						</td>
					</tr>
					%%WeeklyProgressReportTableRow%%
				</table>
			</div>
			<div class="clr">
			</div>
			<div class="content3" style="width: auto; float: left;">
				<h3>
					Legend</h3>
				<table border="0" cellspacing="3" cellpadding="5" class="table_content" style="width: 100%;">
					<tr valign="top">
						<td bgcolor="#f9f9f9" style="width: 50%;">
							<strong>Currently Letter Grade</strong><br>
							Your student's grade as of the date stated above
						</td>
						<td bgcolor="#f3f3f3" style="width: 50%;">
							<strong>Last Login Date</strong><br>
							Last date your student logged into the class
						</td>
					</tr>
					<tr valign="top">
						<td bgcolor="#f9f9f9">
							<strong>Current Percentage Grade</strong><br>
							Your student's percentage as of the date stated above
						</td>
						<td rowspan="2" bgcolor="#f3f3f3">
							<p>
								<strong>Grading Scale</strong></p>
							<ul>
								<li>A = 90% and up</li>
								<li>B = 80-89%</li>
								<li>C = 70-79%</li>
								<li>D = 60-69%</li>
								<li>NC = 0-59%</li>
							</ul>
						</td>
					</tr>
					<tr valign="top">
						<td bgcolor="#f9f9f9">
							<strong>Minutes For Previous Week</strong><br>
							The amount of the time spent in the course site of the previous week. <u>Students should
								average around 200 munites per week - in each class - to be successful. </u>
						</td>
					</tr>
				</table>
			</div>
			<!-- content end-->
		</div>
	</div>
</body>
</html>
